Skip to content

[FE] [FEAT] 여행 상세 페이지 구현#397

Merged
minngyuseong merged 17 commits intodevelopfrom
feat/#396/travel-detail-page
Feb 15, 2026
Merged

[FE] [FEAT] 여행 상세 페이지 구현#397
minngyuseong merged 17 commits intodevelopfrom
feat/#396/travel-detail-page

Conversation

@minngyuseong
Copy link
Collaborator

@minngyuseong minngyuseong commented Feb 12, 2026

관련 이슈

closes #396

작업 내용

여행 상세 페이지를 만들었어요.
지출내역 추가하기 버튼을 누르면 BottomSheet가 올라와서 가계부에서 지출내역을 선택할 수 있는 UI만들었어요.

스크린샷

image image

💬 공유사항 to 리뷰어

BottomSheet에서 스크롤될때 TableHead가 고정돼야하는데, 전체적으로 z값을 정리할 필요가 있어서 다른 PR에서 z값 전부 통일하고 sticky 설정할게요.

필수 체크사항

  • 여행 -> 여행 상세 -> BottomSheet 열리는 플로우 확인해주세요

@gemini-code-assist
Copy link

Summary of Changes

Hello @minngyuseong, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 사용자가 특정 여행 경비 세부 정보를 볼 수 있도록 여행 상세 페이지 구현을 도입합니다. 또한, 일반 여행 개요와 동적 ID를 사용하는 개별 여행 항목에 대한 상세 보기를 모두 지원하도록 여행 페이지의 라우팅을 리팩토링합니다.

Highlights

  • 새로운 페이지 추가: 사용자가 특정 여행 경비 세부 정보를 볼 수 있는 TravelDetailPage 컴포넌트가 새로 추가되었습니다.
  • 라우팅 구조 업데이트: 동적 ID를 지원하는 여행 상세 보기를 위해 여행 관련 라우팅 구조가 업데이트되었습니다. 기존 /travel 경로는 /travel/ (인덱스) 및 /travel/$id (상세)로 세분화되었습니다.
Changelog
  • frontend/src/pages/TravelDetailPage.tsx
    • 경비 카드, 위젯 영역, 필터링 기능이 있는 데이터 테이블을 포함하여 여행 세부 정보를 표시하는 새 페이지 컴포넌트가 추가되었습니다.
  • frontend/src/routeTree.gen.ts
    • 기존 /travel 경로를 제거하고 /travel/ (인덱스) 및 /travel/$id (상세)에 대한 새 경로를 추가하도록 생성된 라우트 트리가 수정되었습니다.
  • frontend/src/routes/_app/travel/$id.tsx
    • 동적 여행 ID에 대해 TravelDetailPage를 렌더링하는 새 라우트 파일이 추가되었습니다.
  • frontend/src/routes/_app/travel/index.tsx
    • 기존 travel.tsx 라우트가 여행 섹션의 인덱스 페이지 역할을 하도록 travel/index.tsx로 이름이 변경되었습니다.
Activity
  • PR 설명에 따르면 현재 "작업중"입니다.
  • 관련 이슈 #396이 언급되었습니다.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

이 PR은 여행 상세 페이지를 구현하고 관련 라우팅을 설정합니다. 새로운 TravelDetailPage 컴포넌트는 더미 데이터를 사용하여 지출 내역을 보여주는 데이터 테이블을 포함하고 있습니다. 전반적으로 페이지의 기본 구조는 잘 잡혀있으나, UI에 표시되는 텍스트의 잠재적인 중복 문제를 해결하는 것이 좋겠습니다. 렌더링 성능 최적화는 현재 더미 데이터 사용으로 인해 우선순위가 낮지만, 향후 API 연동 시 고려해볼 수 있습니다. 자세한 내용은 코드 리뷰 주석을 참고해주세요.

@minngyuseong minngyuseong force-pushed the feat/#396/travel-detail-page branch from dfedcf6 to ec0074d Compare February 13, 2026 05:49
@minngyuseong minngyuseong force-pushed the feat/#396/travel-detail-page branch from ec0074d to da1b66e Compare February 13, 2026 09:34
@minngyuseong minngyuseong marked this pull request as ready for review February 13, 2026 09:49
Copy link
Collaborator

@Kjiw0n Kjiw0n left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다 👍 👍 여행 페이지까지 빠르게 작업해주셨네요

코멘트 확인 부탁드려요!!

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 컴포넌트를 띄워보니까 밑에 약간 잘리는데,, 확인 부탁드려요.

Image

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 z값 문제라서 다른 issue에서 전체적으로 z값 통일 작업중입니다. 이번 pr에서는 넘어갈게요!

@minngyuseong minngyuseong requested a review from Kjiw0n February 15, 2026 08:06
Copy link
Collaborator

@Kjiw0n Kjiw0n left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • UI가 디자인과 다른 부분에 빨간색 박스로 표시해두었어요. 반영 부탁드립니다!
    Image

@minngyuseong
Copy link
Collaborator Author

  • UI가 디자인과 다른 부분에 빨간색 박스로 표시해두었어요. 반영 부탁드립니다!
    Image
  1. 기획에는 없는데 여행 위젯도 편집할 수 있어야 한다고 생각해서 일단 남겼습니다. 지울까요!?
  2. BottomSheet에는 가져올 지출내역을 선택하고 스크린샷의 ImportToFolderBar에서 현재 폴더 추가하기 버튼을 눌러야합니다. BottomSheet에서 지출내역을 추가할 이유는 없을 거라서 넣지 않았습니다. PR 설명에 적었어야했는데 까먹었네요ㅜㅜ 죄송합니다
image

@minngyuseong minngyuseong requested a review from Kjiw0n February 15, 2026 08:40
@Kjiw0n
Copy link
Collaborator

Kjiw0n commented Feb 15, 2026

  1. 기획에는 없는데 여행 위젯도 편집할 수 있어야 한다고 생각해서 일단 남겼습니다. 지울까요!?
  2. BottomSheet에는 가져올 지출내역을 선택하고 스크린샷의 ImportToFolderBar에서 현재 폴더 추가하기 버튼을 눌러야합니다. BottomSheet에서 지출내역을 추가할 이유는 없을 거라서 넣지 않았습니다. PR 설명에 적었어야했는데 까먹었네요ㅜㅜ 죄송합니다

넵 확인했습니다!! 변경하신 방향이 더 맞는 방향인 것 같네요 👍

@minngyuseong minngyuseong merged commit 9b611c4 into develop Feb 15, 2026
2 checks passed
@Kjiw0n Kjiw0n deleted the feat/#396/travel-detail-page branch February 15, 2026 08:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] 여행 상세 페이지 구현

2 participants